@charset "utf-8";
$font-size:12;/**********变量元素*********/
@function bgg($px){/************函数样式************/
    @return $px/$font-size*(640/640)*1rem;
}
html{/**************html根字体大小**************/
    font-size: $font-size*1px;
}

/***********这里是页面*********/
.web{
    width: 100%;
    height: 100%;
    margin: 0 auto;
    header{
        /***********头部样式************/
    }
    section{/**********这里是内容样式**********/
        width: 100%;
        margin-top: bgg(95);
        margin-bottom: bgg(95);
        display: inline-block;
        .section_top{
            width: 91.56%;
            height: 100%;
            display: block;
            margin: bgg(27) auto;
            .triathlon{
                color: #5c5856;
                font-size: bgg(30);
                font-weight: bold;
            }
            .tiaozhuan{
                margin-top: bgg(10);
                a:nth-child(1){
                    color: #8b8b8b;
                    font-size: bgg(18);
                }
                span:nth-child(2){
                    font-size: bgg(20);
                    color: #8b8b8b;
                }
                a:nth-child(3){
                    color: #8b8b8b;
                    font-size: bgg(18);
                }
                span:nth-child(4){
                    color: #8b8b8b;
                    font-size: bgg(18);
                }
            }
            .border{
                border: bgg(1) solid #d2d2d2;
                width: 100%;
                margin-top: bgg(11);
                opacity: 0.5;
            }
            .img{
                img{
                    display: block;
                    width: 100%;
                    height: bgg(280);
                    margin-top: bgg(15);
                }
            }
            .span{
                text-align: justify;
                span:nth-child(1){
                    margin-top: bgg(27);
                    display: block;
                }
                span:nth-child(2){
                    margin-top: bgg(33);
                    display: block;
                }
                span:nth-child(3){
                    display: block;
                    margin-top: bgg(33);
                }
//              .qiandao{
//                  margin: 0;
//              }
            }
        }
        .section_bot{
            margin-bottom: bgg(241);
            .tiao{
                width: 100%;
                height: bgg(26);
                background: #f5f5f5;
            }
            .tiao+p{
                color: #5c5856;
                font-size: bgg(30);
                margin-left: bgg(27);
                margin-top: bgg(11);
            }
            .img_1{
                margin-left: bgg(27);
                margin-top: bgg(15);
                color: #727171;
                font-size: bgg(20);
                img{
                    width: bgg(25);
                    height: bgg(26);
                    float: left;
                    margin-right: bgg(10);
                }
            }
            .img_2{
                margin-left: bgg(29);
                margin-top: bgg(15);
                color: #727171;
                font-size: bgg(20);
                img{
                    width: bgg(20);
                    height: bgg(24);
                    float: left;
                    margin-right: bgg(12);
                }
            }
            .tiao_1{
                margin-top: bgg(27);
            }
            .tiao_1+p{
                color: #5c5856;
                font-size: bgg(20);
                margin-top: bgg(16);
                margin-left: bgg(27);
            }
            .lecturer{
                margin-top: bgg(14);
                margin-left: bgg(27);
                .lecturer_1{
                    margin-right: bgg(20);
                    img{
                        float: left;
                        width: bgg(88);
                        height: bgg(88);
                    }
                    .jianjie{
                        p:nth-child(1){
                            color: #727171;
                            font-size: bgg(18);
                            margin-top: bgg(12);
                            margin-left: bgg(5);
                        }
                        p:nth-child(2){
                            color: #727171;
                            font-size: bgg(14);
                            margin-top: bgg(5);
                            margin-left: bgg(8);
                        }
                        p:nth-child(3){
                            color: #727171;
                            font-size: bgg(14);
                            margin-left: bgg(8);
                        }
                    }
                }
            }
            .tiao_2{
                margin-top: bgg(18);
            }
            .sign_up{
                margin-top: bgg(20);
                margin-left: bgg(27);
                position: relative;
                a{
                    display: inline-block;
                    width: bgg(593);
                    height: bgg(86);
                    background: #b20000;
                    line-height: bgg(86);
                    color: #ffffff;
                    font-size: bgg(34);
                    cursor: pointer;
                    span{
                        padding-left: bgg(207);
                    }
                    .dian_2{
                        width: bgg(25);
                        height: bgg(25);
                        background: #ffffff;
                        border-radius: 50%;
                        margin-top: bgg(32);
                        margin-right: bgg(205);
//                      position: absolute;
//                      top: 0;
//                      right: 0;
                    }
                    .down{
                        font-size: bgg(30);
                        color: #b20000;
                        position: absolute;
                        top: bgg(2);
                        right: bgg(223);
                    }
                }
            }
        }
    }
    footer{
        /*************这里是尾部样式*************/
    }
}
